<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局-上-左右</title>
    <link rel="stylesheet" href="css/layout.css">
</head>
<body>
<!--
   1. 主题内容居中---container
   2. 布局的时间
   3. 导航和内容页的关联
-->
<div class="container">
    <div class="row">
        top
    </div>
    <div class="row">
        <div class="col-4">
            <ul>
                <li><a href="sys/index.html" target="content">系统管理</a></li>
                <li>人事管理</li>
                <li>考勤管理</li>
            </ul>
        </div>
        <div class="col-6">
            <iframe name="content">
            </iframe>
        </div>
    </div>
</div>

</body>
</html>